<script setup>
import BasicSyntax from './components/BasicSyntax.vue';
import CompositionApi from './components/CompositionApi.vue';
import LocalComDemo from './components/LocalComDemo.vue';
import ParentCom from './components/ParentCom.vue';
import SlotCom from './components/SlotCom.vue';
import SlotNameCom from './components/SlotNameCom.vue';
import Login from './components/Login.vue';
import SlotFather from './components/SlotFather.vue';
import LoginDemo from './components/LoginDemo.vue';
</script>

<template>
  <ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
  </ul>

  <!-- 路由容器 -->
  <router-view></router-view>
  <!-- <p>hello world</p> -->
  <!-- <BasicSyntax /> -->

  <!-- <CompositionApi />

  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <hr>
  <LocalComDemo />
  <LocalComDemo />
  <LocalComDemo />
  <LocalComDemo />
  <LocalComDemo /> -->
  <!-- <ParentCom />
  <SlotCom>
    这是来自App.vue中的内容
  </SlotCom>
  <SlotNameCom>
    <template v-slot:header>
      header的默认内容被替换------------
    </template>
<template #footer>
      footer的默认内容被替换++++++++++++
    </template>
</SlotNameCom>
<SlotFather />
<Login />

<LoginDemo /> -->


</template>
